<docs>
---
order: 0
title:
  zh-CN: 可关闭
  en-US: Closeable
description:
  zh-CN: 设置`closeable`属性将会创建一个可关闭的警告提示
  en-US: Setting the `closeable` property will create a closeable warning prompt
---
</docs>

<template>
  <div>
    <BsAlert title="This is a closable alert box!" type="primary" closeable></BsAlert>
    <BsAlert title="This is a closable alert box!" type="success" closeable></BsAlert>
    <BsAlert title="This is a closable alert box!" type="warning" closeable></BsAlert>
    <BsAlert title="This is a closable alert box!" type="danger" closeable></BsAlert>
  </div>
</template>
